<template>
  <!-- 此模块为测试项目---测试骨架屏 -->
  <div style="background:#fff">
      <XtxSkeleton :width='120' :height='100'/>
      <XtxSkeleton :width='120' :height='100' bg='red' />
  <!-- 轮播图 -->
  <XtxSlider :sliders='sliders' :autoPlay='false'/>
  <!-- 面板 -->
  <!-- <HomePanel/> -->
  </div>
</template>

<script>
// import Skeleton from '@/components/Skeleton'
// export default {
//   components: {
//     Skeleton// 定义的骨架屏结构
//   }
// }

import { ref } from 'vue'
// import HomePanel from '@/views/Home/components/home-panel.vue'
export default {
  components: {
    // HomePanel
  },
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>
